<%--
  Created by IntelliJ IDEA.
  User: ying
  Date: 2022/10/27
  Time: 20:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/person.css">
</head>

<body style="background-color: #e3e4e55e;">
<%-- 遮罩层--%>
<div id="cover" style="background: #000; position: absolute; left: 0px; top: 0px; width: 100%; filter: alpha(opacity=30); opacity: 0.5; display: none; z-index: 2 "></div>
<div id="app" >
    <div class="top">
        <div class="nav">
            <div class="logo">
                <a href="${pageContext.request.contextPath}/index.html"><img src="${pageContext.request.contextPath}/images/pyc_logo.png" alt="" class="logoimg"></a>
            </div>
            <div class="title">
                我的秒杀
            </div>

            <div class="nav_r">
                <div class="search">
                    <div class="search_form">
                        <input type="text" class="text">
                        <button>搜索</button>
                    </div>
                </div>
                <div class="dropdown">
                    <i><img src="${pageContext.request.contextPath}/images/pyc_shopcar.svg" alt=""></i>
                    <a href="">
                        我的购物车
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="contain">
        <div class="sub">
            <div class="menu">
                <dl class="menupart1">
                    <dt class="ordercenter">订单中心</dt>
                    <dd><a href="myOrder.jsp">我的订单</a></dd>
                    <dd><a href="myCoupon.html">我的评价</a></dd>
                </dl>
                <dl class="mywallet">
                    <dt class="ordercenter">我的钱包</dt>
                    <dd><a href="">优惠券</a></dd>
                    <dd><a href="">积分</a></dd>
                </dl>
                <dl class="myguanzhu">
                    <dt class="ordercenter">我的关注</dt>
                    <dd><a href="">关注商品</a></dd>
                    <dd><a href="">关注店铺</a></dd>
                </dl>

            </div>
        </div>
        <div class="main">
            <div class="box-0">
                <div class="user">
                    <div class="useraccount">
                        <div class="userhead">
                            <div class="touxiang">
                                <img src="" class="user-img">
                            </div>
                            <div class="username">
                                <p class="user-name">潘彦丞</p>
                                <p class="user-telno">186****8901</p>
                            </div>
                        </div>
                    </div>
                    <div class="quit">
                        <img src="${pageContext.request.contextPath}/images/pyc_quit.svg" alt="">
                        <a href="">退出登录</a>
                    </div>
                </div>

                <div class="wallet">
                    <div class="mt">
                        <span class="person-money">我的钱包</span>
                        <span class="modify" >个人信息修改</span>
                    </div>

                    <%--==============个人信息修改界面  ===================== --%>
                    <div class="modify-detil">
                        <div class="top-msg">
                            个人信息修改
                        </div>
                        <form class="newmsg" name="newmsg" enctype="multipart/form-data" method="post">
                            <input type="hidden" name="userid" class="userid">
                            <span>头像 :</span><input type="file" name="file"  class="img"><div class="warnimg">*</div><br>
                            <span>姓名 :</span><input type="text" class="name"><div class="warnname">*</div><br>
                            <span>电话 :</span><input type="text" class="telco"><div class="warnphone">*</div>
                        </form>
                        <div class="hengxian"></div>
                        <div class="close">
                            <a href="javascript:void(0)" class="cancelmodify">取消</a>
                            <a href="javascript:void(0)" class="determine">确定</a>
                        </div>
                    </div>
                    <div class="mc">
                        <ul>
                            <li class="fore0">
                                <div class="num">
                                    <a href="${pageContext.request.contextPath}/personal/myCoupon.jsp" class="couponnum">2</a>
                                </div>
                                <div class="walletname">优惠券</div>
                                <div class="walletoperate"><a href="">领券</a></div>
                            </li>
                            <li class="fore1">
                                <div class="num">
                                    <a href="" class="user_point">1042</a>
                                </div>
                                <div class="walletname">积分</div>
                                <div class="walletoperate"><a href="">赚积分</a></div>
                            </li>
                            <li class="fore2">
                                <div class="num">
                                    <a href="">0</a>
                                </div>
                                <div class="walletname">余额</div>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="box-1">
                <div class="mt">我的订单</div>
                <div class="dingdanstyle">
                    <a href="" class="item item0">
                        <img src="${pageContext.request.contextPath}/images/pyc_waitforpay.svg" alt="">
                        <p>待付款</p>
                    </a>
                    <a href="" class="item item1">
                        <img src="${pageContext.request.contextPath}/images/pyc_waitforget.svg" alt="">
                        <p>待收货</p>
                    </a>
                    <a href="" class="item item2">
                        <img src="${pageContext.request.contextPath}/images/pyc_waitforpingjia.svg" alt="">
                        <p>待评价</p>
                    </a>
                    <a href="" class="item item3">
                        <img src="${pageContext.request.contextPath}/images/pyc_aftersell.svg" alt="">
                       <p>退换/售后</p>
                    </a>
                    <a href="" class="item item4">
                        <img src="${pageContext.request.contextPath}/images/pyc_all.svg" alt="">
                       <p>全部订单</p>
                    </a>
                </div>
                <div class="myorder">
                    <ul class="list">

                    </ul>
                </div>
            </div>
            <div class="box-2">
                <div class="mt">我的关注</div>
                <div class="mg">
                    <ul style="display: flex;margin-top: 15px;">
                        <li>
                            <a href="">
                                <div class="mgnum1">12</div>
                                <div class="mgtxt">商品关注</div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="mgnum2">1</div>
                                <div class="mgtxt">店铺关注</div>
                            </a>

                        </li>
                    </ul>
                </div>
            </div>
            <div class="box-3">
                <div class="mt">我的问答</div>
                <div class="myanswer">
                    <div class="questionitem questionitem1">
                        <a href="" class="questioninfo">
                            <div class="who">
                                <div class="whoname" style="float: left;">jd_GnAjlkztctlQ</div>
                                向您提问
                            </div>
                        </a>
                        <div class="huidaimg">
                            <img src="${pageContext.request.contextPath}/images/pyc_huangjiu.webp" alt="">
                        </div>
                        <div class="question">
                            <div class="wen">问</div>
                            <div class="neirong">
                                <a href="">日期生产日期</a>
                            </div>
                        </div>
                        <div class="huida">
                            2条回答
                        </div>
                    </div>
                    <div class="questionitem questionitem2">
                        <a href="" class="questioninfo">
                            <div class="who">
                                <div class="whoname" style="float: left;">jd_GnAjlkztctlQ</div>
                                向您提问
                            </div>
                        </a>
                        <div class="huidaimg">
                            <img src="${pageContext.request.contextPath}/images/pyc_huangjiu.webp" alt="">
                        </div>
                        <div class="question">
                            <div class="wen">问</div>
                            <div class="neirong">
                                <a href="">日期生产日期</a>
                            </div>
                        </div>
                        <div class="huida">
                            2条回答
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>

<!-- 引入组件库 -->
<script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
<script src="https://cdn.bootcss.com/jquery.form/4.2.2/jquery.form.js"></script>
<script src="${pageContext.request.contextPath}/js/person.js"></script>
<script>
    var token = localStorage.getItem("token")
    $(".item0").attr("href","/demo/getAllOrders?token=" + token);
    $(".item1").attr("href","/demo/getAllOrders?token=" + token);
    $(".item2").attr("href","/demo/getAllOrders?token=" + token);
    $(".item3").attr("href","/demo/getAllOrders?token=" + token);
    $(".item4").attr("href","/demo/getAllOrders?token=" + token);
</script>
</body>

</html>
